@import url("reset.css");
.full {
  width: 100%;
  height: 100%;
}
.r {
  position: relative;
}
.a {
  position: absolute;
}
.f {
  position: fixed;
}
html,
body,
.container {
  width: 100%;
  height: 100%;
  font-family: "Microsoft YaHei";
  /*font-size: 62.5%;*/
}
.container {
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.section {
  -webkit-box-flex: 1;
  overflow: auto;
  width: 94%;
  margin: 0 auto;
 padding-bottom: 50px;
}
.section .box {
  width: 100%;
  height: 6.7rem;
  background: white;
  border-bottom: 0.1rem solid #f7f7f7;
  padding-bottom:0.5rem;
}
.section .box .ox1 {
  width: 8.5%;
  height: 6.7rem;
  float: left;
}
.section .box .ox1 img {
  display: block;
  width: 2.4rem;
  height:2.4rem;
  margin-left: -0.1rem;
      margin-top: 2.5rem;
  text-align: center;
  line-height:2.4rem;
   /* margin-left: 0.4rem;*/
}
.section .box .ox2 {
  width: 11.6%;
  height: 3rem;
  border-radius: 10rem;
  margin-top: 2rem;
  float: left;
  margin-left: 2.3%;
}
.section .box .ox2 img {
  border-radius: 10rem;
  display: block;
  width: 100%;
}
.section .box .ox3 {
  width: 60%;
  height: 6.7rem;
  float: left;
  margin-left: 2.3%;
  color: #454545;
}
.section .box .ox3 .p1 {
  margin-top: 0.9rem;
}
.section .box .ox3 .ren span {
  display: block;
  float: right;
  color: #0d8def;
  font-size: 12px;;
  
}
.section .box .ox3 #bar {
  height: 14px;
  width: 100%;
  float: left;
  margin-top: 0.3rem;
  background-color: #e6e6e7;
  border: 0.1rem solid #AAA;
  border-radius: 1rem;
}
.section .box .ox3 #bar .finish {
  height: 100%;
  width: 0%;
  border-radius: 0.5rem;
}
.section .box .ox3 #bar .ing {
  color: #4f4f4f;
  text-align: right;
  padding-right: 20px;
  font-family: "寰蒋闆呴粦", Verdana, Geneva, sans-serif;
}
.section .box .ox4 {
  width: 10.4%;
  height: 6.7rem;
  float: left;
  margin-left: 4.2%;
}
.section .box .ox4 img {
  display: block;
  width: 100%;
  margin-top: 1.4rem;
}
/***********************閬僵灞�****************/
#ze {
  width: 100%;
  height: 100%;
  /*浣跨敤z-index蹇呴』涔嬪墠瑕佹湁瀹氫綅*/
  position: absolute;
  /*鍒氬紑濮嬮伄缃╁眰鏄奖钘忕殑*/
  display: none;
  /*z-index鐨勭储寮�*/
  z-index: 100;
  /*閬僵灞傜殑鑳屾櫙棰滆壊*/
  background: rgba(0, 0, 0, 0.6);
}
/***************閬撳叿閫夋嫨妗�************************/
.container .PropsBox{
  position: relative;
  width: 100%;
  /*height:20rem;*/
  background: #fff;
  z-index: 999;
  margin: 0 auto;
  display: none;

}
.container .PropsBox .PropsTop{
  width: 97%;
  margin-top: 10px;
  /*position: relative;*/
  overflow: hidden;
  margin-left: 3%;
}

.container .PropsBox .PropsTop ul{
  width: 20%;
  float: left;
 /* border-bottom: 1px solid #999;*/
  padding-bottom: 10px;
  border-radius: 5px;

 
}
.PropsBox .PropsTop ul li{
  text-align: center;
  font-size: 12px;
}
.PropsBox .PropsTop ul li img{
  margin: 0 auto;
  width: 30px;
  height: 25px;
}
.PropsBox .PropsTop ul .first{
  text-align: center;
  font-size: 12px;
  padding-bottom: 20px;
  color: #54545;
}
.PropsBox .PropsTop .HuiWenBi{
  margin-top: 20px;
  margin-bottom: 10px;
}
.PropsBox .PropsTop ul .last{
  
  font-size: 14px;
  
  color: #454545;
}
.container .PropsBox .PropsBottom{
  padding-top: 20px;
  padding-bottom: 10px;
  font-size: 12px;
   border-top: 1px solid #999;
   margin-top: 20px;
}
.container .PropsBox .PropsBottom1{
  float: left;
  height: 32px;
  line-height: 33px;
  margin-left: 10px;
}
.PropsBottom1 .yue{
  color: #2ea7e0;
}
.container .PropsBox .PropsBottom2{

  /*width: 140px;*/
  height:40px;
  text-align: center;
  float: right;
  margin-right: 22px;
  /*background: blue;*/
}
.container .PropsBox .PropsBottom2 .num{
  width: 60px;
  height: 30px;
  /*color:red;*/
  float: left;
  line-height: 32px;
  border:1px solid gray;
  border-right: none;
}
.container .PropsBox .PropsBottom2 .send{
  width: 60px;
  height: 32px;
  float: left;
  text-align: center;
  line-height: 32px;
  color: #fff;
}










